
{%extends '../tpl/blog-base.html'%}
{%block body%}
<div class="main">
    <div class="article-content">
        <div class="article-list">
            {%if data%}
            <ul>
                {%for k in data%}
                <li>
                    <a href="/article/{{k._id}}.html" class="img-box">
                        {%if k.cover%}
                        <img src="{{k.cover}}" alt="">
                        {%else%}
                        <div class="background"></div>
                        <img src="/static/images/default-cover.png" alt="">
                        {%endif%}
                        <div class="img-mask"></div>
                    </a>
                    <div class="info">
                        <div>
                            <span class="tag"> {{k.tags}}</span>
                            <span class="time">{{k.addTime}}</span>
                        </div>
                        <a href="/article/{{k._id}}.html" class="title">{{k.title}}</a>
                        <p>{{k.desc}}</p>
                    </div>
                </li>
                {%endfor%}
            </ul>
            {%else%}
            暂无文章
            {%endif%}
        </div>
        <div class="panel">
            <div class="aside-box">
                <div class="sidebar-title"> About me</div>
                <div class="head-pic">
                    <img src="{{headpic}}"
                         alt="">
                </div>
                <p>{{intro}}</p>
            </div>
        </div>
    </div>
    {%include '../tpl/upage.html'%}
</div>
{%endblock%}